<template>
  <div class="card">
    <h2 class="flex justify-between">
      <span class="text-lg font-bold">固定资产投资</span>
      <span>兵团排名 <span class="text-lg font-bold">NO.3</span></span>
    </h2>
    <div class="grid grid-cols-2 gap-4">
      <div class="bg-blue-50 p-4 rounded-lg">
        <p class="text-3xl font-bold text-blue-800">3000.55<span class="unit">亿元</span></p>
        <p class="text-sm text-gray-600">固定资产投资总值</p>
      </div>
      <div class="bg-green-50 p-4 rounded-lg">
        <p class="text-3xl font-bold text-green-800">2.10<span class="unit">%</span></p>
        <p class="text-sm text-gray-600">增速</p>
      </div>
    </div>
  </div>
</template>

<script setup>
// 数据可从后端获取，这里先写死
</script>

<style scoped>
/* 组件样式 */
</style>
